<template>
  <view class="x-date-scope">
    <date-scope :value.sync="value" height="80rpx" @change="handleChange"></date-scope>
  </view>
</template>

// <script>
export default {
  data() {
    return {
		visible: true,
      value: 'week'
    };
  },
  methods: {
    handleChange(data) {
      console.log('data', data);
    }
  }
};
</script>

<style scoped lang="scss">
.x-date-scope{
  display: flex;
  ::v-deep .subsection-box{
    background: #00C777;
    border-color: #00C777;
    .highlight {
      background: #f29100;
      color: #fff;
    }
  }
}
</style>
